const componentProperties = new Map();

// 数据版本  每次修改组件数据  需要对版本进行修改
// componentProperties.set('componentPropertiesVersion', 'V1.0.0')

// 头部信息
componentProperties.set('headerinformation', {
  component: 'headerinformation',
  text: '头部信息',
  type: '1-1',
  active: true,
  style: 'headformationstyle',
  setStyle: {
    text: '头部信息',
    titlePic: '', // 标题图片
    briefIntroduction: '这里是简介', // 简介
    iconList: []
  }
});

// 底部导航
componentProperties.set('tabBar', {
  component: 'tabBar',
  text: '底部导航',
  type: '1-2',
  active: true,
  style: 'tabBarStyle',
  setStyle: {
    text: '底部导航',
    activeColor: 'rgba(82, 204, 112, 1)', // 选中颜色 #52CC70FF
    inactiveColor: 'rgba(115, 115, 115, 1)', // 未选中颜色 #737373FF
    isShowBorder: true, // 顶部线
    iconWidth: '24',
    iconHeight: '24',
    fontSize: '14',
    iconList: []
  }
});

// 一级栏目
componentProperties.set('optioncard', {
  component: 'optioncard',
  text: '一级栏目',
  type: '1-3',
  active: true,
  style: 'optioncardstyle',
  setStyle: {
    text: '一级栏目',
    optionList: [], // 一级栏目列表
    textStyle: 0,  // 一级栏目布局
    textHeight: 24,  // 文字行高
    textSize: 14,  // 文字大小
    showSize: 4,  // 一屏显示个数
    twoBackgColor: 'rgba(252, 78, 51, 1)',
    commodityType: 0 // 一级栏目样式  0 样式一   1样式二
  }
});

// 轮播图(占位)
componentProperties.set('bannerlist', {
  component: 'bannerlist',
  text: '轮播图',
  type: '1-4',
  active: true,
  style: 'bannerliststyle',
  setStyle: {
    text: '轮播图',
    apiUrl: '', // 接口地址 GET请求
    isShowPerson: 0
  }
});

componentProperties.set('bannerlist1', {
  component: 'ContentPlaceHolder',
  text: '轮播图',
  type: '1-4',
  active: true,
  style: 'bannerliststyle',
  setStyle: {
    text: '轮播图',
    apiUrl: '' // 接口地址 GET请求
  }
});

// 金刚区
componentProperties.set('kingkongarea', {
  component: 'kingkongarea',
  text: '金刚区',
  type: '1-5',
  active: true,
  style: 'kingkongareastyle',
  setStyle: {
    text: '金刚区',
    imageList: [], // 图片导航列表
    textColor: 'rgb(0, 0, 0)', // 文字颜色
    borderRadius: 0, // 图片圆角
    textSize: 12, // 字体大小
    ridArr: [] // 资源id
  }
});

// 学科入口
componentProperties.set('subjectentry', {
  component: 'subjectentry',
  text: '学科入口',
  type: '1-6',
  active: true,
  style: 'subjectentrystyle',
  setStyle: {
    text: '学科入口',
    commodityType: 0, // 选择模板  0 一行两个   1一行三个  2 横向滑动
    borderRadius: 6, // 图片边角
    textWeight: 400, // 标题粗细
    pageMargin: 16,
    imageMargin: 8,
    imageList: []
  }
});

// 运营位
componentProperties.set('operationPlace', {
  component: 'operationPlace',
  text: '运营位',
  type: '1-7',
  active: true,
  style: 'operationPlacestyle',
  setStyle: {
    text: '运营位',
    pageMargin: 10, //页面间距
    imgMargin: 10, //图片间隙
    imageList: [
      {
        apiUrl: ""
      },
      {
        bgImage: "",
        title: "",
        desc: "",
        btntext: "立即查看",
        apiUrl:''
      },
      {
        bgImage: "",
        title: "",
        desc: "",
        btntext: "立即巩固",
        apiUrl:''
      }
    ] // 图片列表
  },
})

// 消息通知
componentProperties.set('messageComponent', {
  component: 'messageComponent',
  text: '消息通知',
  type: '1-8',
  active: true,
  style: 'messageComponentstyle',
  setStyle: {
    text: '消息通知',
    commodityType: 0, // 默认样式0
    imageList: []
  }
});

// 我的应用
componentProperties.set('applicationarea', {
  component: 'applicationarea',
  text: '我的应用',
  type: '1-9',
  active: true,
  style: 'applicationareastyle',
  setStyle: {
    text: '我的应用',
    title: '标题',
    imageList: [], // 应用列表
    textColor: 'rgb(0, 0, 0)', // 文字颜色
    borderRadius: 50, // 图片圆角
    textSize: 12 // 字体大小
  }
});

// web容器
componentProperties.set('webplaceholder', {
  component: 'webplaceholder',
  text: 'web容器',
  type: '1-10',
  active: true,
  style: 'webplaceholderstyle',
  setStyle: {
    commodityType: 0,
    text: 'web容器',
    url: '', // 接口地址 GET请求
  }
});

// 分类标题1
componentProperties.set('primarygradesort', {
  component: 'primarygradesort',
  text: '分类标题一',
  type: '2-1',
  active: true,
  style: 'primarygradesortstyle',
  setStyle: {
    text: '分类标题一',
    commodityType: 0, // 标题样式  0 样式一   1样式二
    titlePic: '', // 标题图片
    name: '学霸必入好课', // 标题内容
    description: '专注同步预习复习', // 描述内容
    nameSize: 16, // 标题大小
    descriptionSize: 12, // 描述大小
    nameWeight: 600, // 标题粗细
    positions: 'left', // 显示位置  可选left
    descriptionWeight: 200, // 描述粗细
    nameColor: 'rgba(0, 0, 0, 0.85)', // 标题颜色
    descriptionColor: 'rgba(153, 153, 153, 1)', // 描述颜色
    isShowRight: true,
    rightText: '学习指导', // 右侧标题
    rightPic: '',  //右侧标题图片
    rightVideoUrl: '',  // 右侧点击视频链接/标识
    rightApiUrl: '',   // 右侧链接
    classList: [],
    activeGrade: ''
  }
});

// 分类标题2
componentProperties.set('categoryTitleTwo', {
  component: 'categoryTitleTwo',
  text: '分类标题二',
  type: '2-2',
  active: true,
  style: 'categortitletwostyle',
  setStyle: {
    text: '分类标题二',
    borderRadius: 0, // 图片边角
    imageList: []
  }
});

// 内容版式静态
componentProperties.set('leftrightformat', {
  component: 'leftrightformat',
  text: '内容版式',
  type: '3-1',
  active: true,
  style: 'leftrightformatstyle',
  setStyle: {
    text: '内容版式',
    moditystyle: 0,
    commodityType: 0,
    imageSizeType: 0,  // 0 164*105   1  164*164
    borderRadius: 8, // 边框圆角
    pageMargin: 16, // imageList中上下两个间距
    commodityMargin: 10, // 页面边距
    imageRadius: 6,
    count: 100, // 阅读人数
    readNumberShow: true,
    courseNumberShow: false,
    imageList: [],
    ridArr: [] // 资源id
  }
});

// 内容版式动态
componentProperties.set('dynamicomponent', {
  component: 'dynamicomponent',
  text: '内容动态组件',
  type: '3-2',
  active: true,
  style: 'dynamicomponentstyle',
  setStyle: {
    text: '内容动态组件',
    commodityType: 0,
    moditystyle: 0,
    borderRadius: 10,
    pageMargin: 15,
    commodityMargin: 10,
    textWeight: 400,
    positions: 'left',
    imageList: [],
    countDesc: '在学人数',
    count: 100, // 计数
    readNumberShow: false
  }
});

// 免费同步/同步培优(占位)
componentProperties.set('synchronouspew', {
  component: 'synchronouspew',
  text: '同步培优',
  type: '3-3',
  active: true,
  style: 'synchronouspewstyle',
  setStyle: {
    text: '同步培优',
    apiUrl: '',   // 接口地址 GET请求
    bgImg: ''   // 背景图
  }
});

// 同步教材
componentProperties.set('newSynchronouspew', {
  component: 'newSynchronouspew',
  text: '同步教材',
  type: '3-4',
  active: true,
  style: 'newSynchronouspewstyle',
  setStyle: {
    text: '同步教材',
    synCommodityType: 0, // 0 老版   1 新版
    appListType: 0,   // 0 一行四个   1 一行两个
    apiUrl: '',   // 接口地址 GET请求
    topImage: '',   // 头部图
    synTitle: '',   // 栏目标题
    topImageWidth: '',   // 头部图宽度
    topImageHight: '',   // 头部图高度
    startColor: 'rgba(0, 211, 179, 1)',  // 背景颜色渐变开始颜色
    endColor: 'rgba(0, 164, 213, 1)',  // 背景颜色渐变结束颜色
    bgcolors: '',
    subjectCode: '',
    sectionCode: '',
    imageList: []
  }
});

// 同步铺开
componentProperties.set('synchronouSpread', {
  component: 'synchronouSpread',
  text: '同步铺开',
  type: '3-5',
  active: true,
  style: 'synchronouSpreadstyle',
  setStyle: {
    text: '同步铺开',
    commodityType: 0,
    appListType: 0,   // 单品包装样式  0 一行四个   1 一行两个
    applicationType: 0,   // 同步样式 0 一行三个   1 一行两个
    apiUrl: '',   // 接口地址 GET请求
    synTitle: '',   // 栏目标题
    synDesc: '', // 栏目描述
    subjectCode: '',
    sectionCode: '',
    tabNameLeft: '',
    tabNameRight: '',
    isShowTab: '0',
    imageList: []
  }
});

// 主题介绍
componentProperties.set('themeIntroduce', {
  component: 'themeIntroduce',
  text: '主题介绍',
  type: '4-1',
  active: true,
  style: 'themeIntroducestyle',
  setStyle: {
    text: '主题介绍',
    imgUrl: '',
    scale: 0.0, // 宽高比例
    width: 0,
    height: 0   
  },
})

// 视频宣传
componentProperties.set('videoPromotion', {
  component: 'videoPromotion',
  text: '视频宣传',
  type: '4-2',
  active: true,
  style: 'videoPromotionstyle',
  setStyle: {
    text: '视频宣传',
    commodityType: 0,
    borderRadius: 10,
    textWeight: 400,
    imageList: []
  }
});

// 运营活动
componentProperties.set('operateActivity', {
  component: 'operateActivity',
  text: '运营活动',
  type: '4-3',
  active: true,
  style: 'operateActivitystyle',
  setStyle: {
    text: '运营活动',
    commodityType: 0,   // 0  一行两个半   1  一行三个
    count: 100, // 阅读人数
    titlePic: '',   // 标题图片
    title: '1元限时体验',  // 标题
    activeFlag: '数量有限，抢完为止', // 活动标签
    activeEndTime: '',  // 结束时间   整型
    backgroundStartColor: 'rgba(255, 95, 84, 1)',  // 开始颜色
    backgroundEndColor: 'rgba(255, 218, 210, 1)',  // 结束颜色
    activeTimeColor: 'rgba(255, 98, 84, 1)',  //   时间和标签颜色
    bgcolors: '',
    imageList: []
  }
});

// 直播预告
componentProperties.set('livepreview', {
  component: 'livepreview',
  text: '直播预告',
  type: '4-4',
  active: true,
  style: 'livepreviewstyle',
  setStyle: {
    text: '直播预告',
    commodityType: 0,
    borderRadius: 8, // 边框圆角
    pageMargin: 16, // imageList中上下两个间距
    commodityMargin: 10, // 页面边距
    imageRadius: 6,
    imageList: []
  }
});

// 直播课表
componentProperties.set('liveTimetable', {
  component: 'liveTimetable',
  text: '直播课表',
  type: '4-5',
  active: true,
  style: 'liveTimetablestyle',
  setStyle: {
    text: '直播课表',
    commodityType: 0,
    classList: [],
    activeGrade: '',
    timeList: [],
    picList: []
  },
})

// pad推荐页
componentProperties.set('recommendedContent', {
  component: 'recommendedContent',
  text: '推荐页',
  type: '4-1',
  active: true,
  style: 'recommendedContentstyle',
  setStyle: {
    text: '推荐页',
    moditystyle: 0,
    commodityType: 0,
    borderRadius: 10, // 边框圆角
    pageMargin: 16, // imageList中上下两个间距
    commodityMargin: 10, // 页面边距
    imageRadius: 6,
    textWeight: 400,
    count: 100, // 阅读人数
    positions: 'left', // 图片在左边
    heightRatio: 0.5, // 组件高度占比
    imageList: [],
    componHight: 0,  // 组件高度
    readNumberShow: true
  }
});

// pad一级栏目
componentProperties.set('tabControl', {
  component: 'tabControl',
  text: '一级栏目',
  type: '4-2',
  active: true,
  style: 'tabControlstyle',
  setStyle: {
    text: '一级栏目',
    commodityType: 0,   // 0 一级选项卡  1 二级选项卡
    optionList: [], // 一级栏目列表
    textStyle: 0, // 一级栏目样式
    textHeight: 24, // 文字行高
    textSize: 14, // 文字大小
    showSize: 5 // 一屏显示个数
  }
});

// pad运营位
componentProperties.set('operatingBit', {
  component: 'operatingBit',
  text: '运营位',
  type: '4-3',
  active: true,
  style: 'operatingBitstyle',
  setStyle: {
    text: '运营位',
    apiUrl: '',  // 接口地址 GET请求
    componHight: 468  // 组件高度
  }
});

//pad推荐应用
componentProperties.set('recommendAdvert', {
  component: 'recommendAdvert',
  text: '推荐应用',
  type: '4-4',
  active: true,
  style: 'recommendAdvertstyle',
  setStyle: {
    text: '推荐应用',
    bakcgroundImg: '',  // 背景图片
    name: '应用名称',   // 学科名称
    componHight: 104,   // 组件高度
    apiUrl: ''  // 链接
  },
})

// pad初中学科
componentProperties.set('juniorschoolSubject', {
  component: 'juniorschoolSubject',
  text: '初中学科',
  type: '5-1',
  active: true,
  style: 'juniorschoolSubjectstyle',
  setStyle: {
    text: '初中学科',
    commodityType: 0,
    imageList: [], // 应用列表
  }
});

//pad高中学科
componentProperties.set('seniorschoolSubject', {
  component: 'seniorschoolSubject',
  text: '高中学科',
  type: '4-4',
  active: true,
  style: 'seniorschoolSubjectstyle',
  setStyle: {
    text: '高中学科',
    commodityType: 0,
    imageList: [], // 应用列表
    componHight: 104,   // 组件高度
    count: 100, // 阅读人数
    readNumberShow: true
  },
})

// pad二级内容
componentProperties.set('secondpageContent', {
  component: 'secondpageContent',
  text: '二级内容',
  type: '4-5',
  active: true,
  style: 'secondpageContentstyle',
  setStyle: {
    text: '二级内容',
    commodityType: 0,
    borderRadius: 10, // 边框圆角
    pageMargin: 16, // imageList中上下两个间距
    commodityMargin: 10, // 页面边距
    imageRadius: 6,
    textWeight: 400,
    positions: 'left', // 图片在左边
    heightRatio: 0.5, // 组件高度占比
    imageList: []
  }
});

//pad编程组件
componentProperties.set('programDiscipline', {
  component: 'programDiscipline',
  text: '编程组件',
  type: '4-6',
  active: true,
  style: 'programDisciplinestyle',
  setStyle: {
    text: '编程组件',
    commodityType: 0,
    imageList: [], // 应用列表
    componHight: 104,   // 组件高度
    count: 100, // 阅读人数
    readNumberShow: true
  },
})

//pad专项内容
componentProperties.set('firstpageContent', {
  component: 'firstpageContent',
  text: '专项内容',
  type: '1-6',
  active: true,
  style: 'firstpageContentstyle',
  setStyle: {
    text: '专项内容',
    commodityType: 0, // 内容类型
    pageMargin: 10, //页面间距
    imgMargin: 10, //图片间隙
    imageList: [
      {
        id:'',
        src:'',
        url:'',
        vimgUrl: '',  // 缩略图
        videoUrl: '', // 视频地址
        name:'这里是标题',
        desc:'这里是描述，最多展示两行',
        isVipShow:false
      },
      {
        id:'',
        src:'',
        url:'',
        vimgUrl: '',  // 缩略图
        videoUrl: '', // 视频地址
        name:'这里是标题',
        desc:'这里是描述，最多展示两行',
        isVipShow:false
      },
      {
        id:'',
        src:'',
        url:'',
        vimgUrl: '',  // 缩略图
        videoUrl: '', // 视频地址
        name:'这里是标题',
        desc:'这里是描述，最多展示两行',
        isVipShow:false
      },
      {
        id:'',
        src:'',
        url:'',
        vimgUrl: '',  // 缩略图
        videoUrl: '', // 视频地址
        name:'这里是标题',
        desc:'这里是描述，最多展示两行',
        isVipShow:false
      },
      {
        id:'',
        src:'',
        url:'',
        vimgUrl: '',  // 缩略图
        videoUrl: '', // 视频地址
        name:'这里是标题',
        desc:'这里是描述，最多展示两行',
        isVipShow:false
      },
      {
        id:'',
        src:'',
        url:'',
        vimgUrl: '',  // 缩略图
        videoUrl: '', // 视频地址
        name:'这里是标题',
        desc:'这里是描述，最多展示两行',
        isVipShow:false
      }
    ] // 图片列表
  },
})

// pad同步培优
componentProperties.set('privateTutoring', {
  component: 'privateTutoring',
  text: 'pad同步培优',
  type: '3-3',
  active: true,
  style: 'privateTutoringstyle',
  setStyle: {
    text: 'pad同步培优',
    apiUrl: '', // 接口地址 GET请求
    layoutType: 0 // 0: 一行两个 1: 一行三个
  }
});

// pad个人中心
componentProperties.set('memberCenter', {
  component: 'memberCenter',
  text: '个人中心',
  type: '1-1',
  active: true,
  style: 'memberCenterstyle',
  setStyle: {
    text: '个人中心',
    iconList: []
  }
});

// pad底部导航
componentProperties.set('bottomNavigation', {
  component: 'bottomNavigation',
  text: 'pad底部导航',
  type: '1-2',
  active: true,
  style: 'bottomNavigationStyle',
  setStyle: {
    text: 'pad底部导航',
    imageList: [], // 图片导航列表
    textColor: 'rgb(0, 0, 0)', // 文字颜色
    borderRadius: 0, // 图片圆角
    textSize: 12, // 字体大小
  }
});

// pad学科视频
componentProperties.set('subjectVideo', {
  component: 'subjectVideo',
  text: '学科视频',
  type: '4-7',
  active: true,
  style: 'subjectVideostyle',
  setStyle: {
    text: '学科视频',
    commodityType: 0,
    borderRadius: 10,
    textWeight: 400,
    imageList: []
  }
});

export default componentProperties;
